<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>豆腐渣管理系统</title>
    <link href="images/logo.png" rel="icon">
    <link rel="stylesheet" href="./css/school.css"/>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="css/departement.css"/>
    <script type="text/javascript">
        function popShow(){
            var box1 = document.getElementById('ins');
            box1.style.display = "block";
        }
        function popNone(){
            var box1 = document.getElementById('ins');
            box1.style.display = "none";
        }
        function powShow(){
            var box2 = document.getElementById('del');
            box2.style.display = "block";
        }
        function powNone(){
            var box2 = document.getElementById('del');
            box2.style.display = "none";
        }
        function podShow(){
           var box3 = document.getElementById('chan');
            box3.style.display = "block";
        }
        function podNone(){
            var box3 = document.getElementById('chan');
            box3.style.display = "none";
        }
    </script>
</head>
<body>
<div id="body">
    <div id="logo">
        <img alt="logo-img" src="images/logo.png" id="logo-img">
        <span id="ourname">中国豆腐渣工程</span>
        <a href="javascript:" class="btn cancel" id="exit">退出</a>
        <span id="time"></span>
        <span id="welcome">欢迎 <span id="currentuser">管理员</span> 的登录</span>
    </div>
    <div id="content">
        <div id="left">
            <div class="circle">
                <ul class="hidden">
                    <li><a href="employee.html" target="_self">员工管理</a></li>
                    <li><a href="department.html" target="_self">部门管理</a></li>
                    <li><a href="job.html" target="_self">职位管理</a></li>
                </ul>
                <span>资料管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="school-activity.html" target="_self">学校活动</a></li>
                    <li></li>
                    <li><a href="school.html" target="_self">学校管理</a></li>
                </ul>
                <span>学校管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="student.html" target="_self">学生管理</a></li>
                    <li><a href="teacher.html" target="_self">老师管理</a></li>
                    <li><a href="class.html" target="_self">班级管理</a></li>
                </ul>
                <span>用户管理</span>
            </div>

   <div id="main">
       <h1 class="show">部门管理</h1>
       <div id="bg"></div>
       <form class="bu">
           <tr>
               <td>
                   <div id="ma">
                        <div id="ins">
                            <span>添加新部门</span>
                            <div id="bor"></div>
                            <span>部门名称：</span>
                            <input type="text" id="show1" /><br/>
                            <span>部门主管：</span>
                            <form id="myForm" name="myForm" action="#" method="post">
                                <select id="name">
                                    <option value="dufang">杜芳</option>
                                    <option value="chenhe">陈赫</option>
                                    <option value="yulin">玉林</option>
                                    <option value="liuchen">刘晨</option>
                                </select>
                            </form><br/>
                            <span>成立时间：</span>
                            <input type="text" id="show2"/><br/>
                            <span>部门描述</span>
                            <input type="text" id="show3"/>
                            <div id="bu2">
                                <input type="button" value="添加" onclick="popNone()"/>
                                <input type="button" value="取消" onclick="popNone()"/>
                            </div>
                        </div>
                   </div>
               </td>

               <td><a href="javascript:" class="btn" onclick="popShow()">添加新部门</a></td>
           </tr>
           <tr>
               <td>
                   <div id="del">
                       <div id="bor2"></div>
                       <div id="show4"><span>确定删除这个部门吗</span></div>
                       <div id="bu3">
                            <input type="button" value="确定"  onclick="powNone()"/>
                            <input type="button" value="取消" onclick="powNone()"/>
                       </div>
                       <div id="bor3"></div>
                   </div>
               </td>
               <td><a href="javascript:" class="btn cancel" onclick="powShow()">删除部门</a></td>
           </tr>
           <tr>
               <td>
                   <div id="chan">
                       <span>修改部门信息</span>
                       <div id="bor4"></div>
                       <span>部门名称</span>
                       <span>经济部</span><br/>
                       <form id="myForm1" name="myForm" action="#" method="post">
                          <span>部门主管</span>
                          <select id="name1">
                               <option value="dufang">杜芳</option>
                               <option value="chenhe">陈赫</option>
                               <option value="yulin">玉林</option>
                               <option value="liuchen">刘晨</option>
                           </select>
                       </form>
                       <div id="show5">
                          <span>成立时间</span>
                          <span>2015-4-10</span>
                       </div>
                       <div id="bu4">
                          <input type="button"  value="确定" onclick="podNone()"/>
                          <input type="button"  value="取消" onclick="podNone()" />
                       </div>
                   </div>
               </td>

           </tr>
       </form>
       <div>
           <table id="table1">
               <thead>
               <tr>
                   <th>部门序号</th>
                   <th>部门名称</th>
                   <th>部门地址</th>
                   <th>部长姓名</th>
                   <th>部门人数</th>
                   <th colspan="3" id="operate">操作</th>
               </tr>
               </thead>
               <tbody>
               <tr>
                   <td>001</td>
                   <td>宣传部</td>
                   <td>办公二楼</td>
                   <td>黄奕</td>
                   <td>32人</td>
                   <td>
                       <span class="del">[删除]</span>
                   </td>
                   <td>
                       <span class="edit">[修改]</span>
                   </td>
                   <td><input type="button" class="look" value="查看"/></td>
               </tr>
               <tr>
                   <td>001</td>
                   <td>宣传部</td>
                   <td>办公二楼</td>
                   <td>黄奕</td>
                   <td>32人</td>
                   <td>
                       <span class="del">[删除]</span>
                   </td>
                   <td>
                       <span class="edit">[修改]</span>
                   </td>
                   <td><input type="button" class="look" value="查看"/></td>
               </tr>
               <tr>
                   <td>001</td>
                   <td>宣传部</td>
                   <td>办公二楼</td>
                   <td>黄奕</td>
                   <td>32人</td>
                   <td>
                       <span class="del">[删除]</span>
                   </td>
                   <td>
                       <span class="edit">[修改]</span>
                   </td>
                   <td><input type="button" class="look" value="查看"/></td>
               </tr>
               <tr>
                   <td>001</td>
                   <td>宣传部</td>
                   <td>办公二楼</td>
                   <td>黄奕</td>
                   <td>32人</td>
                   <td>
                       <span class="del">[删除]</span>
                   </td>
                   <td>
                       <span class="edit">[修改]</span>
                   </td>
                   <td><input type="button" class="look" value="查看"/></td>
               </tr>
               <tr>
                   <td>001</td>
                   <td>宣传部</td>
                   <td>办公二楼</td>
                   <td>黄奕</td>
                   <td>32人</td>
                   <td>
                       <span class="del">[删除]</span>
                   </td>
                   <td>
                       <span class="edit">[修改]</span>
                   </td>
                   <td><input type="button" class="look" value="查看"/></td>
               </tr>
               <tr>
                   <td>001</td>
                   <td>宣传部</td>
                   <td>办公二楼</td>
                   <td>黄奕</td>
                   <td>32人</td>
                   <td>
                       <span class="del">[删除]</span>
                   </td>
                   <td>
                       <span class="edit">[修改]</span>
                   </td>
                   <td><input type="button" class="look" value="查看"/></td>
               </tr>
               <tr>
                   <td>001</td>
                   <td>宣传部</td>
                   <td>办公二楼</td>
                   <td>黄奕</td>
                   <td>32人</td>
                   <td>
                       <span class="del">[删除]</span>
                   </td>
                   <td>
                       <span class="edit">[修改]</span>
                   </td>
                   <td><input type="button" class="look" value="查看"/></td>
               </tr>
               <tr>
                   <td>001</td>
                   <td>宣传部</td>
                   <td>办公二楼</td>
                   <td>黄奕</td>
                   <td>32人</td>
                   <td>
                       <span class="del">[删除]</span>
                   </td>
                   <td>
                       <span class="edit">[修改]</span>
                   </td>
                   <td><input type="button" class="look" value="查看"/></td>
               </tr>
               <tr>
                   <td>001</td>
                   <td>宣传部</td>
                   <td>办公二楼</td>
                   <td>黄奕</td>
                   <td>32人</td>
                   <td>
                       <span class="del">[删除]</span>
                   </td>
                   <td>
                       <span class="edit">[修改]</span>
                   </td>
                   <td><input type="button" class="look" value="查看"/></td>
               </tr>
               </tbody>
           </table>
       </div>
   <div id="dep_page">
       <ul>

           <li><input type="button" id="up" value="上一页"/></li>
           <li id="page">1</li>
           <li><input type="button" id="down" value="下一页"/></li>
           <li><input type="text" id="ret"/></li>
           <li><input type="button" id="dep_ret" value="转到"/></li>
       </ul>
   </div>

   </div>
    <div id="footer">
         <p>2014 - 2016 &copy;版权二组所有，禁止抄袭</p>
    </div>
</body>
</html>